/*=============================================================
 * Patient Past Encounters and Documents
 * seen in the patient encounter screen
 *============================================================*/
#encounters {
    width: 98%;
}
#encounters .billing_note {
    width: 25%;
}
#encounters .billing_note_text {
    padding: 5px;
    border: 2px outset black;
    background-color: lightgrey;
}
#encounters .billing_note_text_highlight {
    background-color:#f7f5d1;
}
#encounters table {
    border-collapse: collapse;
    font-size: 12px;
    width: 100%;
}
#encounters tr {
    cursor: pointer;
}
#encounters th {
    text-align: left;
}
#encounters #tooltipdiv {
    position:absolute;
    width:500px;
    border:1px solid black;
    padding:2px;
    background-color:#ffffaa;
    visibility:hidden;
    z-index:1000;
    font-size:9pt;
}
#encounters .highlight {
    background-color: rgb(49, 182, 172);
}
#encounters .tooltip {
    position:absolute;
    border:1px solid #333;
    background:#f7f5d1;
    padding:2px 5px;
    color:#333;
    display:none;
}
#encounters>table>*>tr>td {
    border-top    : 1px solid black;
    vertical-align: top;
}

#encounters .active {
    background-color: rgb(67, 172, 164) !important;
    color: rgb(255, 255, 255) !important;
}
#encounters .order a:hover {
    background-color: rgb(67, 172, 164);
    color: rgb(255, 255, 255);
}
#encounters .order a {
    background-color: rgb(217, 217, 217);
    color: rgb(115, 115, 115);
    font-size: 11px;
    font-weight: bold;
    padding: 3px 6px;
    text-decoration: none;
    text-transform: uppercase;
}
div.encreport td {
  font-size     : 8pt;
  vertical-align: top;
}

#encounters .event{
	float: left;
    margin-bottom: 6px;
    width: 100%;
}
#encounters .event .logo{
    background: url("../images/date.png") no-repeat scroll 50% 50% transparent;
    float: left;
    min-height: 90px;
    width: 20%;
}
#encounters .event .logoDoc{
    background: url("../images/doc.png") no-repeat scroll 50% 50% transparent;
    float: left;
    min-height: 90px;
    width: 20%;
}
#encounters .event .no-results{
    background: url("../images/warning.png") no-repeat scroll 50% 50% transparent;
    float: left;
    min-height: 90px;
    width: 20%;
}
#encounters .event .info{
	background-color: rgb(242, 242, 242);
    float: right;
    min-height: 75px;
    padding: 10px;
    width: 75%;
	 cursor: pointer;
}
#encounters .event .info:hover{
	background-color: rgb(49, 182, 172) !important;
}
#encounters .event .info .info_details{
	font-size: 12px;
	 margin-bottom: 10px;
    margin-top: 10px;
}
#encounters .event .info .h1{
	 color: rgb(49, 182, 172);
    font-size: 18px;
    text-transform: none;
}
#encounters .event h2{
	color: rgb(182, 182, 182);
    font-size: 14px;
    font-style: italic;
    font-weight: 700;
    margin: 0;
}
#encounters .event p{
	color: rgb(203, 201, 201);
    font-size: 13px;
    font-weight: bold;
    margin: 15px 0 0;
}
#encounters #timeline{
background: url("../images/line-bg.png") repeat-y scroll 0 5% transparent;
    float: left;
	width: 100%;
}
.hover div, .hover span, .hover h2, .hover p{
	color: rgb(255, 255, 255) !important;
}
#personPopupContent .cerrar {
    color: #CCCCCC;
    font-size: 19px;
    font-weight: bold;
    margin-right: 4px;
    margin-top: -6px;
    text-decoration: none;
}
#simplemodal-container {
    background-color: rgb(255, 255, 255);
    border: 4px solid rgb(170, 170, 170);
    color: #BBBBBB;
    padding: 12px;
	min-width: 500px;
}